.page-login {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	// background-image: url('../../images/login/bg_1.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	.video {
		object-fit:fill;
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
	}
	.login-footer {
		position: fixed;
		left: 0;
		bottom: 30px;
		width: 100%;
		text-align: center;
		font-size:12px;
		font-family:PingFangSC-Regular;
		font-weight:400;
		color:rgba(255,255,255,0.7);
	}
  .page-login-top {
		position: fixed;
		left: 0;
		top: 0;
    width: 100%;
		.inner {
			width: 1200px;
			margin: 0 auto;
			display: flex;
			align-items: center;
			height: 110px;
			color:rgba(255,255,255,0.3);
		}
		span {
			margin: 0 20px;
			color:rgba(0,0,0,0.3);
		}
    .back {
      font-size: 18px;
      font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(0,0,0,0.3);
    }
  }
  .login-mask {
		position: relative;
		z-index: 2;
    .mask-contain {
      width: 487px;
      height: 593px;
      background:rgba(255,255,255,0.7);
      border-radius: 4px;
			padding: 43px 30px 24px;
      .top {
				margin-bottom: 18px;
        span {
					position: relative;
					top: 6px;
					margin-left: 22px;
          font-size: 14px;
          font-family: PingFangSC-Light;
					font-weight: 300;
					color:rgba(153,153,153,1);
        }
			}
			.ant-tabs-nav>div {
				display: flex;
				justify-content: space-between;
			}
			.ant-tabs-nav .ant-tabs-tab {
				margin: 0;
				padding: 24px 0;
				margin-right: 28px;
				font-size:16px;
				font-family:PingFangSC-Medium;
				font-weight:500;
				color:rgba(51,51,51,1);
				line-height:22px;
				background:linear-gradient(330deg, rgba(27,90,207,1) 0%, rgba(25,197,255,1) 100%);
				-webkit-background-clip:text;
				-webkit-text-fill-color:transparent;
			}
			.ant-tabs-nav .ant-tabs-tab:last-child {
				margin-right: 0;
			}
			.ant-tabs-bar {
				margin-bottom: 28px;
			}
			.ant-tabs-ink-bar {
				width:64px;
				height:4px;
				background:linear-gradient(330deg,rgba(27,90,207,1) 0%,rgba(25,197,255,1) 100%);
				border-radius:100px 100px 0px 0px;
			}
      input {
        width: 365px;
        height: 42px;
        margin: 12px 30px;
        background: rgba(255, 255, 255, 1);
        border-radius: 4px;
        border: 1px solid rgba(204, 204, 204, 1);
      }
      .forgot {
				display: block;
				text-align: right;
				margin-bottom: 18px;
				margin-right: 30px;
        font-size: 12px;
        font-family: PingFangSC-Regular;
        font-weight: 400;
				color: rgba(153, 153, 153, 1);
				&:hover {
					transition: 0.25s;
					color: rgba(153, 153, 153, 0.8);
				}
      }
      .button {
				display: block;
        width: 365px;
        height: 42px;
        margin: 0 auto 24px;
        background: linear-gradient(
          356deg,
          rgba(27, 90, 207, 1) 0%,
          rgba(25, 197, 255, 1) 100%
        );
        border-radius: 4px;
        text-align: center;
        line-height: 42px;
        font-size: 14px;
        font-family: PingFangSC-Medium;
        font-weight: 500;
				color: rgba(255, 255, 255, 1);
				
				&:hover {
					transition: 0.25s;
					background: linear-gradient(
          356deg,
          rgba(25, 197, 255, 1) 0%,
					rgba(27, 90, 207, 1) 100%
        );
				}
			}
			.tip {
				font-family:PingFangSC-Light;
				font-weight:300;
				color:rgba(102,102,102,1);
				position: relative;
				text-align: center;
				margin-bottom: 16px;

				&:before {
					left: 30px;
				}

				&:after {
					right: 30px;
				}

				&:before, &:after {
					content: "";
					position: absolute;
					top: 9px;
					width: 140px;
					height: 1px;
					border-bottom: 1px dashed rgba(222,222,222,1);
				}
			}
      .des {
        width: 365px;
        height: 68px;
        margin: 0 auto;
        font-size: 12px;
        font-family: PingFangSC-Light;
        font-weight: 300;
        color: rgba(153, 153, 153, 1);
        line-height: 22px;
      }
      .contact {
				display: block;
        width: 100%;
        text-align: center;
        font-size: 14px;
        margin-top: 16px;
        font-family: PingFangSC-Regular;
        font-weight: 400;
				color: rgba(25, 192, 253, 1);
				text-decoration: underline;

				&:hover {
					transition: 0.25s;
					color: rgba(25, 192, 253, 0.8);
				}
      }
    }
  }
}
